page-tools-tab {

  ion-header{

    ion-navbar:nth-child(1){

      padding-top:constant(safe-area-inset-top)!important;

      padding-top:env(safe-area-inset-top)!important;

    }

  }

  .bgCon{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
  }
  #ionic_content {
    background-color: rgba(0, 0, 0, 0);
  }
  .panel{
    width: 75%;
    height: px2rem(260px);
    margin: 0 auto;
    background-color: white;
    border-radius: px2rem(10px);
    position: absolute;
    bottom: 100px;
    text-align: center;
    #toolsTitle{
      height: 20%;
      display: flex;
      align-items: center;
      justify-content: center;
      label{
        font-size: px2rem(17px);
      }
    }
    .panel_child{
      height: 70%;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      .grid_penel{
        width: 33%;
        display: flex;
        flex-direction: column;
        align-items: center;
        div{
          width: px2rem(45px);
          height: px2rem(45px);
          border-radius:100%;
          display: flex;
          justify-content: center;
          align-items: center;
          img{
            width: px2rem(30px);
          }

        }
      }
    }
  }
  .text_span{
    margin-top: px2rem(5px);
  }
}
